import React from 'react'
import footImg from '../../../assets/image/牛肉面.png'
import './index.css'



export default function index() {
  const res = {
    didian_name: '东软后街店',
    orderNum: 'NB120',
    time: '2023/10/01',
    state: "已完成",
    name: '牛肉面',
    guimo: '小碗',
    weidao: '微辣',
    price: 20
  }
  return (
    <>
      <div className='doing_main'>
        <div className='doing_tittle'>
          <h2>{res.didian_name}</h2>
          <div className='doing_two_state'>{res.state}</div>
        </div>
        <h1 className='doing_orderNum'>
          订单号({res.orderNum})
        </h1>
      </div>
      <div className='doing_message'>
        <div className='doing_two'>
          <div>{res.time}</div>
          <div>价格：{res.price}元</div>
        </div>
        <div className='doing_foot_info'>
          <div>
            <img src={footImg} alt="" />
          </div>
          <div className='doing_foot_more'>
            <div className='doing_foot_more_hang'>
              <span>
                名称：
              </span>
              <span>
                {res.name}
              </span>
            </div>
            <div className='doing_foot_more_hang'>
              <span>
                规模：
              </span>
              <span>
                {res.guimo}
              </span>
            </div>
            <div className='doing_foot_more_hang'>
              <span>
                味道：
              </span>
              <span>
                {res.weidao}
              </span>
            </div>
          </div>
        </div>
      </div>
    </>
  )
}
